.c000 {
  color: #000;
}

html,body {
	margin: 0;
}
.bg-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#edui_fixedlayer {
  z-index: 8999 !important;
}
.el-dialog__wrapper {
  &.uploader {
    z-index: 6001 !important;
  }
}
.moved {
  cursor: move;
}
.bg_f6 {background-color: #F6F7FA;}
.el-dialog {border-radius: 12px;}
.c_999 {color: #999;}
.c_333 {color: #333333;}
.bg-0d {background-color: rgb(13 13 13 / 34%);}
.bg-0c {background-color: rgba(0,0,0,.8);}
.c_273 {color: #273142;}
.bg-005 {background-color: #0057FF;}
.c_005 {color: #005EFE;}
.c_f23 {color: #F23E35;}
.c_ccc {color: #CCCCCC;}
.c_0e1 { color: #0E1013;}
.c_fff {
  color: #fff;
}
.c_ccc {color: #ccc;}
.c_333 {
	color: #333;
}
.b-r-s-8 {
border-radius: 8px 8px 8px 0px;
}
.shado-box {
  box-shadow: 2px 0px 10px 0px rgba(105, 89, 83, 0.1);
  border-radius: 12px;
}
.c_6667 {color: #66676C;}
.c_c9 {
  color: #C9C9C9;
}
.c_ccc {color: #CCCCCC;}
.c_e1a {
	color: #E1AE84;
}
.b-b-1-ddd {border-bottom: 1p solid #DDDDDD;}
.c_8f {
  color: #8FAADC;
}
.bg-opt {
  background-color: rgba(13, 13, 13, 0.4);
}
.abs-bottom {
  position: absolute;
  bottom: 0;
  div {
    color:#fff;
  }
}
.box-shadow {
  box-shadow: 0px 1px 7px 0px rgba(106, 104, 104, 0.1);
  border-radius: 20px;
  background: #FFFFFF;
}

.bg-cover {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bg_fff,
.bg_fff.is-plain {
	background-color: #fff;
}
.bold {font-weight: bold;}
.bg-f6 {background-color: #F6F7FB;}
.c_f23 {color:#F23E35;}
.bg-f23 {background-color: #F23E35;}
.m-r-0 {margin-right: 0  !important;}
.b-r-50 {border-radius: 50%;}
.bg-ed {background-color: #EDEFF3;}
.bg_tran,
.bg_tran.is-plain {
	background-color: transparent !important;
}
.bg_333 {
	background-color: #333;
}
.bg-112 {
  background-color: #8FAADC;
}

.bg-e1e {
  background-color: #E1ECFF;
}

.bg_c35 {
	background-color: #C3534A;
}

.bg_c9 {
	background-color: #c9c9c9;
}

.bg_f9 {
  background-color: #f9f9f9;
}
.c_666 {color: #666666;}
.c_005f {color: #0057FF;}
.c_838 {
  color: #838486;
}
.bg_92 {
  background-color: rgba(92, 92, 92, 1);
}
.bg-f7 {background-color: #F7F8FB;}
.bg-fff {background-color: #fff;}
.ovhidden {overflow: hidden;}
.bg_8f {
  background-color: #8FAADC;
}
.pointer {cursor: pointer;}
.move {cursor: move;}
.move-tooltip {
  line-height: 19px;
  padding: 15px 12px 14px 16px;
  font-size: 14px;
  background: #333333 !important;
  box-shadow: 2px 0px 10px 0px rgba(105, 89, 83, 0.1);
  border-radius: 12px;
  transform: translateY(14px);
}
.b-r-12 {border-radius: 12px;}
.shadow-box {
  box-shadow: 2px 0px 10px 0px rgba(105, 89, 83, 0.1);
}
.b-r-12 {border-radius: 12px;}
.bg_44 {
	background-color: rgba(68, 68, 68, 0.5);
}

.bg_f1f {
	background-color: #F1F1F1;
}
.bg_f5 {
	background-color: #f5f5f5;
}

.bg_000 {
	background-color: #000;
}
.trcolor {background-color: transparent;}
.bg_f8 {
	background-color: #f8f8f8;
}

.c_92 {
  color: rgba(92, 92, 92, 1);
}
.c-hover {
  transition: all ease .5s;
  border: 1px solid transparent;
}
.c-hover:hover{
  border: 1px solid #0057FF;
  
}
.xu-line {border:2px dashed #C9C9C9;}
.c_5c {
  color: #5C5C5C;
}
.b-r-8 {border-radius: 8px;}
.b-r-18 {border-radius: 18px;}
.view {
  display: flex;
  flex-direction: column;
}

.height100 {
  height: 100%;
}

.width100 {
  width: 100%;
}

.flex {
	display: flex;
}

.inline-flex {
	display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-reverse {
	flex-direction: row-reverse;
}

.flex-none {
	flex: none;
}
.flex-1 {
  flex: 1;
}

.bold {
  font-weight: bold;
}

.pointer {
  cursor: pointer;
}

.m-l--4 {
  margin-left: -4px;
}

.b-r-6 {
  border-radius: 6px;
}

.b-r-10 {
  border-radius: 10px;
}

.b-r-12 {
  border-radius: 10px;
}

.b-r-15 {
  border-radius: 15px;
}

.b-r-20 {
  border-radius: 20px;
}

.b-r-50 {
  border-radius: 50%;
}
.c_dcd {color: #DCDCDC;}
.border-box {
  box-sizing: border-box;
}
.p-t-10-i .el-dialog__header {padding-top: 10px !important;}
.b-w-2 {
	box-shadow: 2px 0px 10px 0px rgba(105, 89, 83, 0.1);
}
.b-box {
  box-shadow: 2px 0px 11px 0px rgba(105, 89, 83, 0.1);
}
.trans {transition:  all ease .3s;}
.b-s-d {
	border-style: dashed;
}

.border-0 {
	border: 0;
}

.b-c-8f {
  border: 1px solid #8FAADC;
}

.b-c-tr {
	border-color: transparent;
}

.b-c-c9 {
	border-color: #c9c9c9;
}

.flex-wrap {
  flex-wrap: wrap;
}

.text-center {
  text-align: center;
}

.justify-start {
  justify-content: flex-start;
}

.pointer {
  cursor: pointer;
}
.b-r-13 {border-radius: 13px;}
.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/*侧轴对齐方式*/
.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.c_5c {
  color: #5C5C5C;
}

.bg-fc {
  background-color: #fdfcff;
}

.rel {
  position: relative;
}

.dashed {
  border: 1px dashed;
  transition: all ease .3s;
}

.hr-dashed:hover {
  border-color: #C4D9FF !important;
  box-shadow: 0 0 10px #C4D9FF;
}

/*清除浮动*/
.el-tooltip__popper.is-dark {
  color: #fff;
}

.bg-c6 {
  background-color: #F6F6F6;
}

.m-auto {
	margin: auto;
}

.scale-5 {
	transform: scale(0.5);
	transform-origin: left;
}

.trans-center {
  transform-origin: center;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: '';
  visibility: hidden;
  height: 0;
}

.commom-field {
  .el-input__inner {
    height: 45px !important;
    line-height: 45px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    width: 100%;
  }

}

.abs {
  position: absolute;
}

.pos-center {
	top: 50%;
	margin: auto;
	transform: translateY(-50%);
}

.clearfloat {
  zoom: 1;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

input,
textarea {
  outline: none;
  border: none;
}

textarea {
  resize: none;
  overflow: auto;
}

.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

.b-r-8 {
  border-radius: 8px;
}

.clearfix:after {
  clear: both;
}

.el-menu-item>span {
  font-size: 13px;
  font-weight: bold;
}

.el-button.el-button-white:not(.acitve) {
	background: #fff;
	color: #8FAADC;
}

svg[data-icon='dragon'] {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 14rpx !important;
  height: 28rpx !important;
  padding: 0 !important;
  margin-right: 10px;
}
.orc {
  color: red;
  font-weight: bold;
}
.offset-Table {
  .el-table__body-wrapper {
    height: calc(100vh - 360px);;
    max-height: calc(100vh - 360px);
    overflow-y: auto;
  }
}
svg[data-icon='dragon'] path {
  display: none;
}

svg[data-icon='angry'] path {
  display: none;
}
.c-container {
  background-color: #F6F6F6;
  padding-top: 50px;
  padding-left: 5%;
    padding-right: 5%;
    overflow-y: auto;
    padding-bottom: 45px;
}
svg[data-icon='angry'] {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  margin-right: 15px;
}
.edui-default .edui-dialog {
  z-index: 9999;
}

svg[data-icon='apple-alt'] path {
  display: none;
}


.uploader {
  
  .el-dialog {
    height: 308px;
  }
  .el-dialog__title {
    margin-top:40px;
  }
}
.new-side-bar1 {
  svg[data-icon='home'] {
      opacity: 0 !important;
  }
}
svg[data-icon='home'] path {
  display: none;
}

svg[data-icon='biking'] path {
  display: none;
}



svg[data-icon='bath'] path {
  display: none;
}
svg[data-icon='beer'] path {
  display: none;
}

svg[data-icon='battery-full'] path {
  display: none;
}

/*全局设置*/

svg[data-icon='ankh'] path {
  display: none;
}

.lf,
.fl {
  float: left;
}

.block {
  display: block;
}

.pointer {
	cursor: pointer;
}

.rf,
.fr {
  float: right;
}

.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

.inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
}

.ver-middle {
	vertical-align: middle;
}

.b-t-1 {
  border-top: 1px solid #eee;
}

.p-0 {
	padding: 0;
}

.hided {
  overflow: hidden;
  max-height: 150px;
}

.o-h {
	overflow: hidden;
}

.o-a {
	overflow: auto;
}

.dianBox {
  position: fixed;
  width: 100%;
  bottom: -20px;
  height: 80px;
  left: 0;
  z-index: 100;
  text-align: center;
}

.eidt_class {
	&:hover {
		border-color: #c9c9c9;
		.edit_show {
			display: block;
		}
	}
	.edit_show {
		display: none;
	}
}


@-webkit-keyframes box {
  0% {
    bottom: 0;
  }

  100% {
    bottom: 30px;
  }
}

@keyframes box {
  0% {
    bottom: 0;
  }

  100% {
    bottom: 30px;
  }
}

$directions:("t":"top", "b":"bottom", "l":"left", "r":"right");
$dimensions:("p":"padding", "m":"margin");

//获取padding margin间隔
@each $dim in $dimensions {
  @for $i from 1 through 600 {
    $size: $i*1;

    .#{nth($dim,1)}-#{$size} {
      #{nth($dim,2)}: #{$size * 1}px;
    }
  }

  //循环四个方向
  @each $dir in $directions {
    @for $i from 1 through 600 {
      $size: $i*1;

      .#{nth($dim,1)}-#{nth($dir,1)}-#{$size} {
        #{nth($dim,2)}-#{nth($dir,2)}: #{$size * 1}px;
      }
    }
  }
}

$dimensionsc:("h":"height", "w":"width");

@each $dimcd in $dimensionsc {

  //循环四个方向
  @for $i from 1 through 750 {
    $size: $i*1;

    .#{nth($dimcd,1)}#{$size} {
      #{nth($dimcd,2)}: #{$size * 1}px;
    }
  }
}


$dimensionscb:("b-r":"border-radius");

@each $dimcc in $dimensionscb {

  //循环四个方向
  @for $i from 1 through 50 {
    $size: $i*1;

    .#{nth($dimcc,1)}-#{$size} {
      #{nth($dimcc,2)}: #{$size * 1}px;
    }
  }
}


$dimensionsf:("fz":"font-size");

@each $dimf in $dimensionsf {

  //循环四个方向
  @for $i from 1 through 400 {
    $size: $i*1;

    .#{nth($dimf,1)}-#{$size} {
      #{nth($dimf,2)}: #{$size * 1}px;
    }
  }
}

$dimensionslh:("l-h":"line-height");

@each $dimf in $dimensionslh {

  //循环四个方向
  @for $i from 1 through 100 {
    $size: $i*1;

    .#{nth($dimf,1)}-#{$size} {
      #{nth($dimf,2)}: #{$size * 1}px;
    }
  }
}
